import React, { Component } from 'react';

// 在子组件中使用prop-types 对接收的属性进行类型的校验
// 在react17以前 prop-types 需要安装使用 第三方的模块
// 类中的静态属性

// 设置props默认值
import Pts from 'prop-types';
console.log('Pts', Pts);
class Myclschild extends Component {
    // 方式1: 设置属性的类型校验
    static propTypes = {
        username: Pts.string  // 注意: isRequired 只能写在类型后
    }
    // 方式1: 设置默认值
    // static defaultProps = {
    //     username: "黛玉妹妹"
    // }
    render() {
        return (
            <div>
                <p>我是子组件--{this.props.username}</p>
            </div>
        );
    }
}

// 方式2: 设置属性的类型校验
// Myclschild.propTypes = {
//     username: Pts.string.isRequired
// }


// 方式2: 设置默认值
Myclschild.defaultProps = {
    username: "黛玉妹妹"
}
export default Myclschild;
